<template>
  <el-config-provider :locale="locale">
    <router-view></router-view>
  </el-config-provider>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
export default defineComponent({
  name: 'App',
  components: {},
  setup() {
    return {
      locale: zhCn
    }
  }
})
</script>
<style lang="scss">
// @import "./styles/public.scss";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 13px;
  min-width: $screen-min-width;
  position: relative;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, Arial, sans-serif;
}

body {
  height: auto;
}

body {
  --theme: #2e3e95;
  --theme-btn: #c79f61;
  --theme-dark: #ce0027;
  --theme-primary-dark: #e61742;
  --theme-rgb: 46, 62, 149;
  --theme-light-2: #c79f61;
  --theme-primary-light-2: #ff476d;
  --gradient-btn-color: linear-gradient(-90deg, #ff3052, #ff4469);
  --theme-light-4: #ff7592;
  --theme-light-5: #ff8ca4;
  --theme-light-6: #ffa3b6;
  --theme-light-7: #ffbac8;
  --theme-light-8: #ffd1db;
  --theme-light-9: #ffe8ed;
  --theme-success: #67c23a;
  --theme-success-rgb: 103, 194, 58;
  --theme-warning: #f60;
  --theme-warning-rgb: 255, 102, 0;
  --theme-danger: #ff1949;
  --theme-danger-rgb: 255, 25, 73;
  --theme-info: #909399;
  --theme-info-rgb: 144, 147, 153;
  --theme-success-light: rgba(var(--theme-success-rgb), 0.8);
  --theme-success-lighter: rgba(var(--theme-success-rgb), 0.9);
  --theme-success-dark: #5daf34;
  --theme-success-disabled: #b3e19d;
  --theme-warning-light: rgba(var(--theme-warning-rgb), 0.8);
  --theme-warning-lighter: rgba(var(--theme-warning-rgb), 0.9);
  --theme-warning-dark: #f60;
  --theme-warning-disabled: #f3d19e;
  --theme-danger-light: rgba(var(--theme-danger-rgb), 0.8);
  --theme-danger-lighter: rgba(var(--theme-danger-rgb), 0.9);
  --theme-danger-dark: #f50635;
  --theme-danger-disabled: rgba(var(--theme-rgb), 0.5);
  --theme-info-light: rgba(var(--theme-info-rgb), 0.8);
  --theme-info-lighter: rgba(var(--theme-info-rgb), 0.9);
  --theme-info-lighter: #82848a;
  --theme-info-disabled: #c8c9cc;
  --theme-light-primary-color: #ffe8ec;
  --theme-export-pdf-gradient: linear-gradient(-28deg, #f3405d, #f16780);
  --theme-contact-comp-gradient: linear-gradient(-34deg, #2e3e95, #97a0ca);
  --primary-btn-shadow: 0px 0px 4px 0px rgba(46, 62, 149, 0.5);
  --navbar-top-height: 46px;
  --navbar-bottom-height: 128px;
  --navbar-height: 120px;
}

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;

  --fms-header-color: #248BFF;
  --fms-leftslider-bgcolor: #F2F3F4;
  --fms-leftmenu-fontcolor: rgba(48, 49, 51,0.85);
  --fms-leftmenu-fontcolor-active: #248BFF;
  --fms-leftmenu-active-bgcolor: #FFFFFF;
  --fms-leftmenu-titlecolor: #3c4144;

}

@keyframes letter-animate-transform {
  0% {
    transform: translateY(1em);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes letter-animate-opacity {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.slh_one {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dis_f_c,
.dis_f_c_b {
  display: flex;
  justify-content: center;
}

.dis_f_sb,
.dis_f_sb_t {
  display: flex;
  justify-content: space-between;
}

.dis_f_co_c_c,
.dis_f_co_l_c,
.dis_f_co_r_c {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dis_f_co_c_c {
  align-items: center;
}

.dis_f_c_c,
.dis_f_r_c {
  display: flex;
  align-items: center;
}

.dis_f_r_c,
.dis_f_r_t {
  justify-content: flex-end;
}

.dis_f_sa_c,
.dis_f_sb_c {
  align-items: center;
}

.dis_f_c_c {
  justify-content: center;
}

.dis_f_sb_b,
.dis_f_sb_c {
  display: flex;
  justify-content: space-between;
}

.dis_f_l_b,
.dis_f_l_c {
  display: flex;
  justify-content: flex-start;
}

.dis_f_l_c {
  align-items: center;
}

.dis_f_l_b {
  align-items: flex-end;
}

.dis_f_w,
.dis_f_w_c_c {
  display: flex;
  flex-wrap: wrap;
}

.dis_f_l_t {
  align-items: flex-start;
}

.dis_f_l,
.dis_f_l_t {
  display: flex;
  justify-content: flex-start;
}

.dis_f_co_sb {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.el-image-viewer__wrapper {
  z-index: 2100 !important;
}
</style>
